<template>

        <div class="ul-list">
                <ul>
                    <li v-for="item in nowList">
                        <router-link v-bind:to="{name:'love',params:{'id':item.id}}">
                                <img v-bind:src="item.cover.origin" alt="">
                                <div class="ul-list-top">
                                    <div class="ul-list-left">
                                        <div>
                                            <p>{{item.name}}</p>
                                            <p>{{item.cinemaCount}}家影院上映{{item.watchCount}}人购票</p>
                                        </div>
                                    </div>
                                    <div class="ul-list-right">
                                        {{item.grade}}
                                    </div>
                                </div>
                                
                        </router-link>
                    </li>
                    
                </ul>
                <div class="div-buttom">
                    更多热映电影
                </div>
            </div>
    
</template>

<script>
import $ from 'jquery';
export default {
    data:function(){
        return {
            nowList:[]
        }
    },
     mounted:function(){
            //这是正在热映的
            var that = this;
                var url = 'http://localhost:3000/reying?time='+new Date().getTime();
                $.get(url,function(res){
                    console.log(res);
                    that.nowList = res.data.films;
                })
     }
}
</script>
